<template>
  <div class="main">
    <div class="aaaaa">
      <div id="sub-container"></div>
    </div>
  </div>
</template>
<script setup lang="ts">
import clonedeep from 'lodash.clonedeep';
import { start } from 'qiankun';
import { registerApps } from '@/utils/qiankun';

const test = ref('总集其他内容');

onMounted(() => {
  if (!window.qiankunStarted) {
    window.qiankunStarted = true;
    registerApps();
    start({
      sandbox: {
        experimentalStyleIsolation: true, // 样式隔离
        strictStyleIsolation: true
      }
    });
  }
});
</script>
<style lang="less" scoped>
.main {
  width: 100vw;

  height: 100vh;
  display: flex;
  // justify-content: center;
  align-items: center;
}
</style>
